<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商户管理</title>
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/js/init.js"></script>
    <link rel="stylesheet" href="../../public/global.css">
    <script src="../../public/laydate/laydate.js"></script>
    <link rel="stylesheet" href="../../public/easyhelper/css/easyhelper.min.css">
    <script src="../../public/easyhelper/js/jq.min.js"></script>
    <script src="../../public/easyhelper/js/jquery.transit.min.js"></script>
    <script src="../../public/easyhelper/js/es6-shim.min.js"></script>
    <script src="../../public/easyhelper/js/easyhelper.min.js"></script>
    <script src="../../public/datetime/datetime.js"></script>
    <script src="../../static/js/md5.js"></script>
</head>
<style>
    .content {
			margin: 30px auto;
			width: 70vw;
			border: #dfdfdf solid 1px;
            /* overflow-y: scroll; */
            margin-left: 0vw;
            box-shadow: 0px 1px 10px 0px #bcbcbc
		}
	.content li {
			display: block;
			height: 40px;
			line-height: 40px;
			text-align: center;
			font-size: 14px;
			border-bottom: #e8e8e8 solid 1px;
        }
        #selectAll :hover{
        background-color: #e0e0e0
    }
	.page {
			text-align: center;
			/* margin-bottom: 200px; */
		}
    /* #selectAll{
        overflow-y: scroll;
        height: 409px;
    } */
</style>
<body>
    <div id="side"></div>
    <div id="inner">
        <div id="top"></div>
        <div style="margin-top:-5vh">
            <div style="color:#fff;margin-left: 10vw;font-size: 1vw;margin-bottom: 3vh">
                <span style="opacity:0">银行卡管理</span>
            </div>
            <!-- <div style="margin-left:8.5vw;margin-top:1vh"><img src="../../public/img/line.png" alt=""></div> -->
            <div id="content">
                <div style="margin-left:3vw">
                    <div>
                        <button style="background-color:#666;color:#fff;border: 0;border-radius: 5px;width: 9vw;margin-top: 3vh;height: 5vh;font-size: 1vw;margin-right: 3vw;font-weight: bold">银行卡列表</button>
                        <!-- <button style='color:#f6f6f6;background-color:#666;border-radius: 12px;border: 0;width: 4vw;margin-top:4vh;height: 3vh' onclick="search()">筛选</button> -->
                    </div>
                    <!-- <div style="margin-top:3vh;">
                        商户号 <input type="text" placeholder="请输入商户号" id="merchantNo"  onchange="changeinfo(this.id,this.value)" style="margin-right: 5vw">
                        商户状态 <select name="" id="state" style="height:2.8vh;background-color:#fff;border-radius:3px" onchange="changeinfo(this.id,this.value)">
                            <option value="" style="color:#666">全部</option>
                            <option value="正常" style="color:#36bd20">正常</option>
                            <option value="锁定" style="color:#fa4646">锁定</option>
                        </select>
                    </div> -->
                    <div style="margin-top:3vh">
                        <!-- 联系人<input type="text" placeholder=" 请输入联系人" style="margin-right: 5vw" id="contacts" onchange="changeinfo(this.id,this.value)">
                        手机号<input type="text" placeholder=" 请输入手机号" style="margin-right: 5vw" id="telephone" onchange="changeinfo(this.id,this.value)"> -->
                        <button style="color:#fff;border: 0;background-color: #666" onclick="create_bankcard()">新增银行卡</button>
                    </div>
                    <div>
                        <div class="content">
                            <ul style="background-color:#666;color:#fff">
                                <li>
                                    <span style="width:5vw;display:inline-block;margin-left: 3vw">公司</span>
                                    <span style="width:15vw;display:inline-block">银行卡号</span>
                                    <span style="width:4vw;display:inline-block">开户行</span>
                                    <span style="width:19vw;display:inline-block">所属支行</span>
                                    <span style="width:3.5vw;display:inline-block;">状态</span>
                                </li>
                            </ul>
                            <ul id="selectAll">
                            </ul>
                        </div>
                        <div class="page" id="page-3"></div>                
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="create_bankcard_show" style="position:absolute;left:29vw;top:26vh;display: none;background-color: #fff;width:50vw;height: 52vh;border-radius: 6px;box-shadow: 0px 1px 10px 0px #bcbcbc">
            <div style="margin-left:1vw;margin-top:2vh;font-size:1vw;font-weight:bold">新增银行卡</div>
            <div style="margin-left:2vw;margin-top:3vh">
                <div style="margin-left:3.7vw">
                    公司: <input type="text" id="name111">
                </div>
                <div style="margin-top:2vh;margin-left: 2.2vw">
                    银行卡号: <input type="text" id="bankCard">
                </div>
                <div style="margin-top:2vh;margin-left: 2.9vw">
                    开户行: <input type="text" id="bankName">
                </div>
                <div style="margin-top:2vh;margin-left: 2.2vw">
                    所属支行: <input type="text" id="bankNameSon">
                </div>
                <!-- <div style="margin-top:3vh"><input type="textarea" value="备注 : " style="width:44vw;height:7vh" id="daifu_body"></div> -->
                <div style="float:right;margin-right: 4vw">
                    <button style="background-color:#474c79;border-radius: 5px;color:#fff;width:3vw;height: 3vh;" onclick="create_bankcard_close()">取消</button>
                    <button style="background-color:#474c79;border-radius: 5px;color: #fff;margin-left: 2vw;width: 3vw;height: 3vh;" onclick="create_bankcard_OK()">确定</button>
                </div>
            </div>
        </div>
</body>
<script src="../../public/include.js"></script>
<script src="bankguanli.js"></script>
</html>